﻿<!doctype html>
<html lang="en">
<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
	<title>借书系统</title>

	<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
    <meta name="viewport" content="width=device-width" />

	<!--     Fonts and icons     -->
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.css" rel="stylesheet">

	<!-- CSS Files -->
    <link href="../assets/css/bootstrap.min.css" rel="stylesheet" />
	<link href="../assets/css/gsdk-bootstrap-wizard.css" rel="stylesheet" />

	<!-- CSS Just for demo purpose, don't include it in your project -->
	<link href="../assets/css/demo.css" rel="stylesheet" />
	
	
	<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
		$("#log_in").click(function() {
			$("#login_form").submit(); 
			/* alert("Submitted"); */
		});
	});
</script>
	
</head>

<body>
<div class="image-container set-full-height" style="background-image: url('../assets/img/wizard-boat.jpg')">
    <!--   Creative Tim Branding   -->
    
         <div class="logo-container">
            <div class="logo">
                <img src="../assets/img/new_logo.png">
            </div>
            <div >
               <a href="/jsxt/user/admintologin.action">管理员登录</a>
            </div>
        </div>
    </a>

		

    <!--   Big container   -->
    <div class="container">
        <div class="row">
        <div class="col-sm-8 col-sm-offset-2">

            <!--      Wizard container        -->
            <div class="wizard-container">

                <div class="card wizard-card" data-color="orange" id="wizardProfile">
                    <form name="/jsxt/user/login_form" id="login_form" action="login.action" method="post">
                <!--        You can switch ' data-color="orange" '  with one of the next bright colors: "blue", "green", "orange", "red"          -->

                    	<div class="wizard-header" id='dl'>
                        	<h3>
                        	   <b>借书系统</b>  <br>
                        	   <small>Welcome!.</small>
                        	</h3>
                    	</div>

						<div class="wizard-navigation">
							<ul>
	                            <li><a href="#login" data-toggle="tab">登录</a></li>
	                        </ul>

						</div>

                        <div class="tab-content">
                            <div class="tab-pane" id="login">
                              <div class="row">
                                  <h4 class="info-text"> 填写您的登录信息：</h4>
                                  <div class="col-sm-4 col-sm-offset-1">
                                     <div class="picture-container">
                                          <div class="picture">
                                              <img src="../assets/img/tim_80x80.png" class="picture-src" id="wizardPicturePreview" title=""/>
                                              
                                          </div>
                                      </div>
                                  </div>
                                  <div class="col-sm-6">
                                      <div class="form-group">
                                        <label>身份证号： </label>
                                        <input name="id" type="text" id="id" class="form-control" placeholder="..." >
                                      </div>
                                      <div class="form-group">
                                        <label>登录密码： <small></small></label>
                                        <input name="password" id="password" type="password" class="form-control" placeholder="...">
                                      </div>
                                  </div>
                                 
                              </div>
                            </div>
                            
                 
        <div class="wizard-footer height-wizard">
                            <div class="pull-right">
                                <input type='button' class='btn btn-finish btn-fill btn-warning btn-wd btn-sm' id='reg' name="reg_bt" value='注册'/>
                                <input type='button' class='btn btn-finish btn-fill btn-warning btn-wd btn-sm' id='log_in' name="login_bt" value='登录' />

                            </div>


<script>
function get(e){
	return document.getElementById(e);
}
	
	get('reg').onclick=function(){//点注册按钮
		window.location.href='/jsxt/user/toreg.action';
		
	}



</script>
                            
                            <div class="clearfix"></div>
                        </div>

                    </form>
                </div>
            </div> <!-- wizard container -->
        </div>
        </div><!-- end row -->
    </div> <!--  big container -->

    <div class="footer">
        <div class="container">
              made with <i class="fa fa-heart heart"></i> by Group 12</a>
        </div>
    </div>

</div>

</body>



	<!--   Core JS Files   -->
	<script src="../assets/js/jquery-2.2.4.min.js" type="text/javascript"></script>
	<script src="../assets/js/bootstrap.min.js" type="text/javascript"></script>
	<script src="../assets/js/jquery.bootstrap.wizard.js" type="text/javascript"></script>

	<!--  Plugin for the Wizard -->
	<script src="../assets/js/gsdk-bootstrap-wizard.js"></script>

	<!--  More information about jquery.validate here: http://jqueryvalidation.org/	 -->
	<script src="../assets/js/jquery.validate.min.js"></script>

</html>
